[##_GRAPH_APPLET_##]
<div id="content-area">
    <div id="friend-container" title="Friends List"  style="display:none;">
        <table class='rankTable tablesorter'>
            <thead>
                <tr>
                    <th>no</th>
                    <th>Name</th>
					<th>Msg</th>
					<th>Pst</th>
					<th>Cmt</th>
					<th>Like</th>
					<th>Total</th>
                </tr>
            </thead>
            <tbody><tr><td></td></tr></tbody>
        </table>
    </div>
	<div id="settings-container" title="Settings"  style="display:none;">
	    <div class="switchboard" style="display:none;">
	        <h3><a href="#">DATA TYPES</a></h3>
	        <div>
	            <ul class="data_type_ul">
	                <li><span id="span_message" class="datatype"></span><label for="chk_message">Message</label></li>
	                <li><span id="span_post" class="datatype" ></span><label for="chk_post">Post</label></li>
	                <li><span id="span_comment" class="datatype" ></span><label for="chk_comment">Comment</label></li>
	                <li><span id="span_like" class="datatype" ></span><label for="chk_like">Like</label></li>
	            </ul>
	        </div>
	        <h3><a href="#">Filtering</a></h3>
	        <div>
                Filter out friends with scores less then: <input id="threshold" type="text" value="0"/>
				Max:<label id="max_score_label" class="weight_label"></label>
                <div id="slider"></div>
	        </div>
	        <h3><a href="#">Weighting</a></h3>
	        <div>
	            <div class="left_weight_div">
	                <label>Message</label><label id="message_weight_label" class="weight_label"></label>
	                <div id="message_weight_slider"></div>
	                
	                <label>Post</label><label id="post_weight_label" class="weight_label"></label>
	                <div id="post_weight_slider"></div>
	            </div>
	            <div class="right_weight_div">
	                <label>Comment</label><label id="comment_weight_label" class="weight_label"></label>
	                <div id="comment_weight_slider"></div>
	        
	                <label>Like</label><label id="like_weight_label" class="weight_label"></label>
	                <div id="like_weight_slider"></div>
	            </div>
	        </div>

	    </div>
	</div>
    <div class="buttons_container">
        <button id="about_button" title="show a dialog about this application">About</button>
		<button id="refresh_button" title="Refresh the graph">Refresh</button>
        <button id="show_friend_table_button" title="Show the friends table">Friends Table</button>
        <button id="show_settings_button" title="Show the settings panel">Settings</button>
    </div>
</div>
